Jump Start Responsive Web Design by Craig Sharkie

Author:Craig Sharkie [Sharkie, Craig]
Language: eng
Format: epub, pdf
Publisher: SitePoint Pty. Ltd.
Published: 2013-01-01T05:00:00+00:00

Adapting Our Example

Ahead, the road remains rocky for adaptive images. While srcset has entered draft status with the W3C, the document itself points out that “(i)mplementors should be aware that this specification is not stable.” This warning shouldn’t stop us from using the new attribute, being aimed at browser manufacturers, but it means we need to be wary. Our best path forward is to rely on the W3C while adding as little code as possible.

Despite the endorsement from Apple, even Safari is yet to support srcset, so we’ll need to shim browsers as we did with our JavaScript picture polyfill.

To give our code the best chance of surviving beyond the polyfill, though, we’ll need to ensure that—unlike Picturefill—we use only semantic elements and syntax. With that caveat, removing the polyfill will be much easier and while it’s in place, we’ll get a better picture of the attribute’s future.

Let’s look at our Web Directions South example again in Figure 3.6, and apply srcset to the speaker avatars. We’ll use Boris Smus’s srcset-polyfill to help us past the problems of browser support as it ticks the boxes for a small footprint and reliance on the semantics from the draft specification.

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.